3个杀手级VS Code插件
介绍3个实用高效的VS Code插件,助您提高工作效率。
Visual Studio Code(以下简称VS Code)是一款广受欢迎的开发环境,适用于各种项目。以下三个非常实用高效的插件,能极大地简化在远程服务器上工作、启动本地网页或管理Docker镜像等任务,提高工作效率。
1 Visual Studio Code远程开发扩展包
这是一个由4个插件组成的扩展包,可以提升使用VS Code的灵活性。如需在远程机器上编辑或查看文件,通过SSH打开工作区非常方便。此扩展包可使开发人员在编辑器中像本地文件一样进行工作,甚至可以在远程服务器上运行终端。
除了SSH打开工作区之外,该扩展包还提供了连接到开发容器、WSL或隧道的支持。从上面图片中可以看到,这些功能可以进一步扩展开发人员的工作环境。
2 实时服务器
实时服务器扩展对于想要快速查看正在开发的基本HTML和/或JavaScript网站非常方便。只需在导航面板中选择所需的HTML文件,然后右键单击,选择“使用实时服务器打开”,如下所示。
这个功能不仅对于有经验的开发人员来说非常方便,可以节省时间,对于新手开发人员来说也非常宝贵,尤其是那些对托管服务或本地Web服务器的运行方式尚不清楚的人。只需右键单击,网站就可以运行起来了。它甚至会在默认浏览器中打开,并自动重新加载更改。
3 Docker
微软的Docker扩展非常出色。它有助于构建、运行、监视和排除容器问题。请查看下面的截图,了解工具中提供的一些选项和功能。
通过点击左侧的鲸鱼标志,可以进入Docker视图,在那里可以查看正在运行的容器和浏览镜像。同时,导航面板中的文件系统可以像本地磁盘一样进行浏览。当点击文件时,它会在编辑器中打开。上下文菜单提供了其他功能,例如查看日志或附加Shell终端。容器的启动和停止也可以在此处进行操作。
此外,该插件还支持对Dockerfile或docker-compose YAML文件进行编辑。开发人员能够通过右键单击构建镜像或启动docker-compose,并可以根据需要过滤要运行的服务。
推荐书单
《Web前端开发全程实战——HTML5+CSS3+JavaScript+jQuery+Bootstrap(清华社“视频大讲堂"大系 网络开发视频大讲堂)》
《Web前端开发全程实战——HTML5 CSS3 JavaScript jQuery Bootstrap》从初学者角度出发,结合大量实例讲解了如何使用HTML5、CSS3、JavaScript、jQuery、Ajax、Boostrap、Vue、PHP 等基本技术搭建Web 前端,力求向读者提供一套极简的Web 前端一站式高效学习方案。全书共28 章,内容包括HTML5基础、设计HTML5 文档结构、设计HTML5 文本、设计HTML5 图像和多媒体、设计列表和超链接、设计表格和表单、CSS3 基础、设计文本样式、设计效和动画样式、CSS 页面布局、JavaScript 基础、处理字符串、使用数组、使用函数、使用对象、jQuery 基础、文档操作、事件处理、使用Ajax、CSS 样式操作、jQuery 动画、Bootstrap基础、CSS 组件、JavaScript 插件、使用Vue、PHP 基础、使用PHP 与网页交互、使用PDO 操作数据库、项目实战。书中所有知识点均结合具体实例展开讲解,代码注释详尽,可使读者轻松掌握前端技术精髓,提升实际开发能力。
购买链接:https://item.jd.com/13512401.html
精彩回顾